<template >
  <div class="foot">
    <div class="qu">
      <div class="jian">
        <h2>河南老君山风景名胜区</h2>
        <ul>
          <li>咨询电话：0379-66838888</li>
          <li>邮箱：laojunshan2000@126.com</li>
          <li>微信服务号：老君山风景名胜区</li>
          <li>头条号：老君山景区</li>
          <li>抖音号：河南老君山风景名胜区</li>
        </ul>
      </div>
      <div class="er">
        <img src="/img/footer/erweima1.jpg" alt="" />
        <img src="/img/footer/erweima1.jpg" alt="" />
        <img src="/img/footer/erweima2.jpg" alt="" />
        <img src="/img/footer/erweima3.jpg" alt="" />
      </div>
    </div>
    <hr />
    <div class="bei">
      <router-link to="">管理登录 </router-link>
      <router-link to="">豫ICP备122223号</router-link>
    </div>
  </div>
</template>
<script>
export default {
  name: {
    myFooter,
  },
};
</script>
<script></script>
<style scoped>
.foot {
  margin: auto;
  min-width: 1200px;
  height: 300px;
  background-color: rgb(56, 56, 56);
}
.jian,
.er {
  display: inline-block;
}
.jian > h2 {
  color: orangered;
  margin-top: 20px;
  font-size: 26px;
}
.jian ul {
  margin-top: 30px;
  color: gray;
  font-size: 14px;
}
.jian li {
  margin-top: 10px;
}
.qu {
  width: 1200px;
  margin: auto;
}
.er img {
  width: 111px;
  position: relative;
  top: -60px;
  left: 50px;
  margin: 60px;
}
hr {
  margin-top: -50px;
  border: 1px solid gray;
}
.bei {
  text-align: center;
}
.bei a {
  color: gray;
}
</style>
